<template>
  <div id="app">
    <router-view />
    <Tabbar v-if="isShowTab" />
  </div>
</template>
<script>
import { Button } from "vant";
import Tabbar from "@/components/Tabbar.vue";
export default {
  name: "App",
  data() {
    return {
      isShowTab: true,
    };
  },
  watch: {
    $route(to, from, next) {
      if (to.name == "Guide") {
        this.isShowTab = false;
      } else {
        this.isShowTab = true;
      }
    },
  },
  components: {
    [Button.name]: Button,
    Tabbar,
  },
};
</script>

<style>
.router-link-active {
  color: #1989fa;
  background-color: #ffffff;
}
.container {
  padding: 10px 10px 50px 10px;
  background-color: #ffffff;
  overflow: hidden;
}
</style>
